<template>
  <div class="enquirylogin">
    <div class="logo">
      <img src="" alt="">
      <div class="z">三维影像报告查询系统</div>
      <div class="e">3D View Report Query System</div>
    </div>
    <el-form label-position="left" label-width="50px" class="baseForm" :model="baseForm">
      <el-form-item label="账号">
        <el-input v-model="baseForm.id" placeholder="请输入姓名"></el-input>
        <!-- <el-input class="out" type="text"></el-input> -->
      </el-form-item>
      <el-form-item label="密码">
        <!-- <el-input show-password class="out" type="text"></el-input> -->
        <el-input show-password v-model="baseForm.password" placeholder="请输入身份证后四位"></el-input>
      </el-form-item>
    </el-form>
    <div class="btns">
        <el-button class="btn" type="primary" @click="goForm">前往查询</el-button>
    </div>
  </div>
</template>

<script>  
export default {
  components: {
  },
  data() {
    return {
      baseForm: {
        id: '',
        password: ''
      }
    };
  },
  computed:{
  },
  mounted() {
  },
  methods:{
    goForm () {
      this.$router.replace({name: 'modelreports'})
    }
  },
  beforeDestroy() {
  },
}
</script>
<style scoped lang="less">
.enquirylogin {
  padding: 0 20px;
  height: 100%;
  padding-top: 100px;
  .logo {
    text-align: center;
    .z {
      font-size: 26px;
      font-weight: bold;
    }
    .e {
      font-size: 16px;
    }
  }
  .btns {
    margin-top: 15px;
    display: flex;
    .btn {
      flex: 1;
    }
  }
  .baseForm {
    margin-top: 15px;
    padding: 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    .el-form-item:last-child {
      margin-bottom: 0;
    }
    input:-webkit-autofill {
      -webkit-text-fill-color: #000 !important;
      transition: background-color 5000s ease-in-out 0s;
    }
  }
}
</style>
